<?xml version="1.0" encoding="UTF-8"?>
<!--
To change this template, choose Tools | Templates
and open the template in the editor.
-->
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:ui="http://java.sun.com/jsf/facelets"
      xmlns:h="http://java.sun.com/jsf/html"
      xmlns:f="http://java.sun.com/jsf/core"
      xmlns:a4j="http://richfaces.org/a4j"
      xmlns:fn="http://java.sun.com/jsp/jstl/functions"
      xmlns:rich="http://richfaces.org/rich">

    <ui:composition >

        <h:form styleClass="jsfcrud_list_form">
            <h:panelGroup id="panelTbl">
                <fieldset><legend>Filter By Vendor</legend>
                    <ul>
                        <h:selectOneMenu  immediate="true" value="#{produtoController.produto.modelo}">
                            <f:selectItems   value="#{modeloController.itemsAvailableSelectOne}"/>
                            <a4j:ajax  event="change"   render="panelTbl,listProduto" />
                        </h:selectOneMenu>
                        <li>
                            <rich:componentControl target="table" operation="filter"
                                                   event="change">
                                <f:param value="vendor" />
                                <f:param value="#{vendor}" />
                            </rich:componentControl>
                        </li>

                    </ul>
                </fieldset>
                <fieldset><legend>Filter By Vendor</legend>
                    <ul>
                        <a4j:repeat value="#{carsBean.allVendors}" var="vendor">
                            <li><h:outputLink value="#">#{vendor}
                                    <rich:componentControl target="table" operation="filter"
                                                           event="click">
                                        <f:param value="vendor" />
                                        <f:param value="#{vendor}" />
                                    </rich:componentControl>
                                </h:outputLink></li>
                        </a4j:repeat>
                    </ul>
                </fieldset>
                <rich:dataTable  style="width:920px;border-width: 0px;" id="listProduto" rows="10"  value="#{produtoController.items}" var="item">
                    <f:facet name="noData">
                    </f:facet>

                    <rich:column >
                        <f:facet name="header">
                        </f:facet>
                        <h:graphicImage width="75px" height="75px" value="#{item.caminhoImagem}"/>
                    </rich:column>
                    <rich:column >
                        <f:facet name="header">
                            <h:outputText value="#{bundle.ListProdutoTitle_valorUnitario}"/>
                        </f:facet>
                        <h:outputText value="#{item.valorUnitario}"/>
                    </rich:column>
                    <rich:column >
                        <f:facet name="header">
                            <h:outputText value="#{bundle.ListProdutoTitle_quantidade}"/>
                        </f:facet>
                        <h:inputText maxlength="4" style="width: 50px" value="#{item.quantidade}"/>
                        <h:commandLink action="#{produtoController.updateEstoque}" value="Atualizar"/>
                    </rich:column>
                    <rich:column >
                        <f:facet name="header">
                            <h:outputText value="#{bundle.ListProdutoTitle_descricao}"/>
                        </f:facet>
                        <h:outputText value="#{item.descricao}"/>
                    </rich:column >
                    <rich:column >
                        <f:facet name="header">
                            <h:outputText value="#{bundle.ListProdutoTitle_maisComprado}"/>
                        </f:facet>
                        <h:outputText value="#{item.maisComprado}"/>
                    </rich:column>
                    <rich:column >
                        <f:facet name="header">
                            <h:outputText value="#{bundle.ListProdutoTitle_dataRequisicao}"/>
                        </f:facet>
                        <h:outputText value="#{item.dataRequisicao}"/>
                    </rich:column>
                    <rich:column >
                        <f:facet name="header">
                            <h:outputText value="#{bundle.ListProdutoTitle_tamanho}"/>
                        </f:facet>
                        <h:outputText value="#{item.tamanho.descricao}"/>
                    </rich:column>
                    <rich:column filterValue="#{produtoController.produto.modelo}"
                                 filterExpression="#{fn:containsIgnoreCase(item.modelo.descricao,produtoController.produto.modelo)}">
                        <f:facet name="header">
                            <h:selectOneMenu  immediate="true" value="#{produtoController.produto.modelo}">
                                <f:selectItems   value="#{modeloController.itemsAvailableSelectOne}"/>
                                <a4j:ajax  event="change"   render="panelTbl,listProduto" />
                            </h:selectOneMenu>
                        </f:facet>
                        <h:outputText value="#{item.modelo.descricao}"/>
                    </rich:column>
                    <rich:column filterValue="#{produtoController.produto.cor}"
                                 filterExpression="#{fn:containsIgnoreCase(item.cor.descricao,produtoController.produto.cor)}">
                        <f:facet name="header">
                            <h:selectOneMenu  immediate="true" value="#{produtoController.produto.cor}">
                                <f:selectItems   value="#{corController.itemsAvailableSelectOne}"/>
                                <a4j:ajax  event="change"   render="panelTbl,listProduto" />
                            </h:selectOneMenu>
                        </f:facet>
                        <h:outputText value="#{item.cor.descricao}"/>
                    </rich:column>

                    <rich:column filterValue="#{produtoController.produto.colecao}"
                                 filterExpression="#{fn:containsIgnoreCase(item.colecao.descricao,produtoController.produto.colecao)}">
                        <f:facet name="header">
                            <h:selectOneMenu  immediate="true" value="#{produtoController.produto.colecao}">
                                <f:selectItems   value="#{colecaoController.itemsAvailableSelectOne}"/>
                                <a4j:ajax  event="change"   render="panelTbl,listProduto" />
                            </h:selectOneMenu>
                        </f:facet>
                        <h:outputText value="#{item.colecao.descricao}"/>
                    </rich:column>
                    <rich:column>
                        <f:facet name="header">
                            <h:outputText value=" "/>
                        </f:facet>
                        <h:outputText value=" "/>
                        <h:commandLink  action="#{produtoController.prepareEdit}" value="#{bundle.ListProdutoEditLink}" immediate="true"/>
                        <h:outputText value=" "/>
                        <h:commandLink action="#{produtoController.destroy}" value="#{bundle.ListProdutoDestroyLink}"  immediate="true"/>
                    </rich:column>
                </rich:dataTable>
                <h:commandLink
                    action="#{negociacaoForm.buscarNegocItem}">
                    <f:setPropertyActionListener
                        target="#{negociacaoForm.selectedEntity}" value="#{seuVarDaTable}" />
                    <h:outputText value="#{negoc.dscItem}" />
                </h:commandLink>
                <rich:dataScroller for="listProduto" maxPages="20" renderIfSinglePage="false" />
            </h:panelGroup>
        </h:form>
    </ui:composition>
</html>
